@import 'tailwindcss';
@plugin "@tailwindcss/typography";

:root {
	--background: #ffffff;
	--foreground: #171717;
}

@theme inline {
	--color-background: var(--background);
	--color-foreground: var(--foreground);
	--font-sans: var(--font-geist-sans);
	--font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
	:root {
		--background: #0a0a0a;
		--foreground: #ededed;
	}
}

@layer utilities {
	.nav-link {
		@apply text-zinc-500 hover:text-zinc-800 transition-colors;
	}
}

body {
}
